<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>系统界面</title>
<link href="_main.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="css_js/jquery/jquery-1.3.2.min.js"></script>
<script type="text/javascript">
var isHide = false;
$(function(){
	$(".subTreeTable td").bind("mouseover",function(){
		$(this).removeClass("mouseOutClass");
		$(this).addClass("mouseOverClass");
	});
	
	$(".subTreeTable td").bind("mouseout",function(){
		$(this).removeClass("mouseOverClass");
		$(this).addClass("mouseOutClass");
	});
	
	$(".center_control").bind("click",function(){
	
		if(isHide == false){
			$("#leftT").hide();
			isHide = true;
			$("#center_control_img").attr("src","image/index_center_control1.jpg");
		}else{
			$("#leftT").show();
			isHide = false;
			$("#center_control_img").attr("src","image/index_center_control.jpg");
		}
	});
	
	for(var i = 1; i <=2; i++){
		$(".left_treeControl" + i).attr("src","image/left_tree_close.gif");
		$(".left_treeControl" + i).bind("click",function(){
			var indexNum = $(this).attr("class").substring($(this).attr("class").length-1,$(this).attr("class").length);
			if($(this).attr("src").indexOf("open") != -1){
				closeAll();
				$(this).attr("src","image/left_tree_close.gif");
				$(".left_tree" + indexNum).show();
			}else{
				
				$(this).attr("src","image/left_tree_open.gif");
				$(".left_tree" + indexNum).hide();
			}
		})
	}
	
	
	
});
$(function(){
	closeAll();
	$(".left_treeControl" + 1).attr("src","image/left_tree_close.gif");

	$(".left_tree1").show();
			
		
});

function closeAll(){
	for(var i = 1; i <=2; i++){
		$(".left_treeControl" + i).attr("src","image/left_tree_open.gif");
		$(".left_tree" + i).hide();
	}
}
</script>

</head>

<body STYLE='OVERFLOW: HIDDEN; OVERFLOW-Y: HIDDEN'>
<table width="100%" height="100%" border="0" cellspacing="0"
	cellpadding="0">
	<tr>
		<td height="76" valign="top">
		<table width="100%" border="0" cellspacing="0" cellpadding="0">
			<tr>
				<td colspan="3" class="topTd"><img src="image/logo.gif"
					width="130" height="64"></td>
			</tr>
			<tr>
				<td width="406" class="topLeft" height="30"><span
					style="color: #444444"> 欢迎您  ${user.username}</span> <span style="color: #0871ee">支持热线(010-00000000)
				</span> <span style="color: #ed4101">使用帮助 </span> <span
					style="color: #0871ee">联系我们</span></td>
				<td width="17"><img src="image/topButLine.gif" width="36"
					height="30"></td>
				<td width="568" class="topRight"><img src="image/icon/gzt.gif"
					width="16" height="15" align="absmiddle"> 工作台| <img
					src="image/icon/wdxx.gif" width="16" height="12"> 我的消息(0) | <img
					src="image/icon/wdzh.gif" width="16" height="16" align="absmiddle">
				我的账户 | <img src="image/icon/tc.gif" width="10" height="10"
					align="absmiddle"> 退出 | <img src="image/icon/bz.gif"
					width="16" height="15" align="absmiddle"> 帮助 | <img
					src="image/icon/gy.gif" width="16" height="16" align="absmiddle">
				关于</td>
			</tr>
		</table>
		</td>
	</tr>
	<tr>
		<td height="6"></td>
	</tr>
	<tr>
		<td valign="top">
		<table width="100%" height="100%" border="0" cellspacing="0"
			cellpadding="0" id="left_tree_main">
			<tr>
				<td width="159" height="100%" valign="top" id="leftT">
				<table width="100%" border="0" cellspacing="0" cellpadding="0">
					<tr>
						<td height="27" colspan="2" align="center"
							background="image/left_main_bg.gif"><span
							style="color: #004e7b; font-size: 14px; font-weight: bold;">操作菜单</span></td>
					</tr>
					<tr>
						<td width="80%" class="f_td"><img align="absmiddle"
							src="image/left_tree1.gif" width="17" height="20"> 客户管理</td>
						<td width="20%" class="f_td"><img
							src="image/left_tree_open.gif" width="15" height="15"
							style="cursor: pointer;" class="left_treeControl1"></td>
					</tr>
					<tr class="left_tree1">
						<td colspan="2">
						<table width="100%" border="0" cellspacing="0" cellpadding="0"
							class="subTreeTable">
							<tr>
								<td><img align="absmiddle" src="image/left_tree1_1.gif"
									width="16" height="16"><a href="load4AddCompany.action"
									class="nav" target="right_window"> 添加客户</a></td>
							</tr>
							<tr>
								<td><img align="absmiddle" src="image/left_tree1_2.gif"
									width="16" height="17"> 联系人列表</td>
							</tr>
							<tr>
								<td><img align="absmiddle" src="image/left_tree1_3.gif"
									width="15" height="17"> 联系记录列表</td>
							</tr>
							<tr>
								<td><img align="absmiddle" src="image/left_tree1_4.gif"
									width="16" height="16"> 防重名策略</td>
							</tr>
						</table>
						</td>
					</tr>
					<tr>
						<td class="f_td"><img align="absmiddle"
							src="image/left_tree2.gif" width="17" height="20"> 销售管理</td>
						<td class="f_td"><img src="image/left_tree_open.gif"
							width="15" height="15" style="cursor: pointer;"
							class="left_treeControl2"></td>
					</tr>
					<tr class="left_tree2">
						<td colspan="2">
						<table width="100%" border="0" cellspacing="0" cellpadding="0"
							class="subTreeTable">
							<tr>
								<td><img align="absmiddle" src="image/left_tree2_1.gif"
									width="16" height="16"> 客户拜访</td>
							</tr>
							<tr>
								<td><img align="absmiddle" src="image/left_tree2_2.gif"
									width="16" height="17"> 联系人列表</td>
							</tr>
							<tr>
								<td><img align="absmiddle" src="image/left_tree2_3.gif"
									width="15" height="17"> 联系记录列表</td>
							</tr>
							<tr>
								<td><img align="absmiddle" src="image/left_tree2_4.gif"
									width="16" height="16"> 防重名策略</td>
							</tr>
						</table>
						</td>
					</tr>
				</table>
				</td>
				<td width="8" class="center_control" valign="middle"><img
					src="image/index_center_control.jpg" id="center_control_img"></td>
				<td valign="top"><iframe src="workdesk.html" width="100%"
					height="100%" frameborder="0" name="right_window"></iframe></td>
			</tr>
		</table>
		</td>
	</tr>
</table>
</body>
</html>
